/* 
    Document   : style
    Created on : 14 mars 2013, 18:13:14
    Author     : Nicolas Girot
    Description:
       CSS for the EDD school, private property.
*/

html{

    
        background: -webkit-linear-gradient(left,white,#AEE1B0); /*#99CC9B Vert possible*/
        background: -moz-linear-gradient(left,white,#AEE1B0); 
        background: -ms-linear-gradient(left,white,#AEE1B0); 
        background: -o-linear-gradient(left,white,#AEE1B0); 
        background: linear-gradient(left,white,#AEE1B0);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='white', endColorstr='#AEE1B0' );
}
*html{
    background-color :#bee7c0;
}
body{
        background-color : #e6e6e6;
        background: url('../pictures/fond.png');
        background-repeat: no-repeat;
        width: 1000px;
        margin: 40px auto;
        height: 755px;
        
 
}

*body{ /*Special body for the worst navigator : IE*/
         background-color : #f6fafb;
         background: url('../pictures/fond.png');
         background-repeat: no-repeat;
         width: 1000px;
         margin: 40px auto;
         height: 755px;
         background-position-x: 150px;
         background-position-y: 30px;
}

img{
cursor : default;
}




/**#logo{For the worst navigator : IE
    
    background: url('../pictures/logo2.png');
    width: 200px;
    height: 171px;
    margin-top : 5px;
    margin-left : 910px;
    background-color : white;
    display : inline-block;
    position : absolute;
    
    background-repeat: no-repeat;
}*/

#content{
    
       display: inline-block;
    position: absolute;
    margin-left : 370px !important;
    margin-left: 520px; /*Special position for IE*/
    text-align: justify;
    width: 570px;
    margin-top : 10px;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    height: 735px !important;
    height: 725px;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    font-size:14px; /*taille police sous menu*/
    color: #727272;
    
    
}

#content h4{
    
    color : #399b2e;
    display: inline;
    
}

#content h2{
    
   color : #727272;
}

#content img{
     display: inline-block;
    position: absolute;
}

#content p {
    margin-left: 80px;
    margin-top: 0px;
    
}


#construction h2{
    
    color : #399b2e;
    text-align: center;
    background : url('construction.png');
    width : 400px;
    height: 346px;
}


#logo{
    
    background: url('../pictures/logo.png');
    width: 530px;
    height:159px;
    margin-top : 5px;
    margin-left : 20px;
    background-color : white;
    background-repeat: no-repeat;
    

}



ul.sdt_menu{
         margin-top:23px;
         
         list-style: none;
         font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
         font-size:14px; /*taille police sous menu*/
         width:250px;
         margin-left: -30px !important;
         margin-left:235px; /*For Illogical IE */
         
        

}


ul.sdt_menu a{
	text-decoration:none;
	outline:none;
        cursor: pointer; /*For Illogical IE*/
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:80px;/*Espacement des cases menu*/
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:82px;
	width:170px;
	height:78px;/*Modification taille case lien menu*/
	-moz-box-shadow:0px 0px 0px #000 inset;
	-webkit-box-shadow:0px 0px 0px #000 inset;
	box-shadow:0px 0px 0px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:68px;
	height:68px;
	bottom:0px;
	left:-60px;
	z-index:10;
	-moz-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
	box-shadow:0px 0px 0px #000;
}

ul.sdt_menu li a img.nonactive{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:-60px;
	z-index:10;
	-moz-box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
	box-shadow:0px 0px 0px #000;
}


ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 0px #000 inset;
	-webkit-box-shadow:0px 0px 0px #000 inset;
	box-shadow:0px 0px 0px #000 inset;
        background-color: transparent;/*For Illogical IE*/
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
        text-shadow:1px 1px 1px #000;/*Enlever ou non le text-shadow?*/
}


ul.sdt_menu li span span.sdt_link{
	color:#A7A7A7 !important; /*Couleur possible sans le texte shadow #909090 */
        color: #b3b3b3; /*For Illogical IE*/
	font-size:18px;
	text-align: center;
	clear:both;
        
}

ul.sdt_menu li span span.sdt_link:hover{
    
        color : #48a33e !important;
        transition : color 0.25s;
    
}


ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:153px;
	overflow:hidden;
	height:114px;
	top:55px;
	margin-left:-20px;
	display:none;
	background:#71a856;
        border-radius: 5px;
        opacity: 1;
        z-index: 50; /*Supériorité d'affichage du sous menu*/
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#FFFFFF;
        z-index: 50;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#48A33E;
        transition : color 0.25s;
}

